<%@page import="com.wef.demo.entity.domain.SubjectDomain"%>
<%@page import="com.gfa4j.resource.ResourceManagerServer"%>
<%@page import="com.wef.common.util.CommonMessageDomain"%>
<%@page import="com.gfa4j.query.Field"%>
<%@ include file="/pages/common/taglib.jsp"%>
<%@page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></meta>
		<title></title>
		<%@include file="/styles/css_lib.jsp"%>
		<%@include file="/scripts/widgets/jquery-ui/css_lib.jsp"%>
		<link rel="stylesheet" type="text/css" href="${ctx}/pages/demo/demo.css" />		
		<link rel="stylesheet" type="text/css" href="${ctx}/pages/demo/components/select_utils.css" />	
		<link rel="stylesheet" type="text/css" href="./select_utils.css" />
		<%@include file="/pages/common/js_global.jsp"%>
		<%@include file="/scripts/sdk/js_lib.jsp"%>
		<%@include file="/scripts/config/js_lib.jsp" %>
		<%@include file="/scripts/utils/js_lib.jsp"%>
		<%@include file="/scripts/i18n/js_lib.jsp"%>
		<%@include file="/scripts/format/js_lib.jsp"%>
		<%@include file="/scripts/validate/js_lib.jsp"%>
		<%@include file="/scripts/widgets/jquery-ui/js_lib.jsp"%>
		<%@include file="/scripts/widgets/page-custom/js_lib.jsp"%>
		<script type="text/javascript" src="${ctx}/pages/demo/demo.js"></script>
		<script type="text/javascript" src="./select_utils.js"></script>
		
		<script type="text/javascript">
			//App.pageCustomEnable = true;App.pageId = "jqgrid";
			$(window).ready(function(){
				$('div[accordion=true]').accordion({collapsible : true});
				$('div[tabGroup=true]').tabs();
				$('#pageLoadComplete').attr('isComplete',true);
			});
		</script>
	</head>
	<body class="body">
		<div id="content_show">
			<!-- ///////////////////////////////////////////////////////////////////////////////////////////////////// -->
			<div class="Desc">
				功能1:设置普通option,如下: (<a href="#" id="aDiv1">添加普通option源码</a>)
			</div>
			<div id="div1" style="display: none;">
				<pre>
	//1.设置普通option
	var selectDatas = [{name:"text1",code:"value1"},
		  				{name:"text2",code:"value2"},
		  				{name:"text3",code:"value3"},
		  				{name:"text4",code:"value4"},
		  				{name:"text5",code:"value5"},
		  				{name:"text6",code:"value6"}];
			
	var config1 = {
		selector : "#selectTest",
		valueTextMap : {textKey : 'name',valueKey : 'code'}
	}
	
	$('#selectTest').bind("change",function(){
		alert(this.value);
	})
	
	$('#selectBtn').click(function(){
		$.SelectUtils.setOptions(selectDatas,config1);
	});
				</pre>
			</div>
			<div class="ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom ui-accordion-content-active">
				<ul allowChange="true" class="edit_box">
					<li>
						<k:label text="设置普通option"/>
						<k:select property="selectTest" styleClass="select"></k:select>	
					</li>
				</ul>
			</div>
			<div class="ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom ui-accordion-content-active">
				<ul class="button_box">
					<li>
						<k:button styleId="selectBtn" text="添加option" styleClass="button ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"/>
					</li>
				</ul>
			</div>
			
			<!-- ///////////////////////////////////////////////////////////////////////////////////////////////////// -->
			<div class="Desc">
				功能2:设置普通option（text带分隔符）,如下: (<a href="#" id="aDiv2">添加两个字段option源码</a>)&nbsp;(<a href="#" id="aDiv3">添加三个字段option源码</a>)
			</div>
			<div id="div2" style="display: none;">
				<pre>
	//2.设置option(text 带分隔符)
	var selectDatas2 = [{name:"text1",code:"value1",id:"id1"},
	  				{name:"text2",code:"value2",id:"id2"},
	  				{name:"text3",code:"value3",id:"id3"},
	  				{name:"text4",code:"value4",id:"id4"},
	  				{name:"text5",code:"value5",id:"id5"},
	  				{name:"text6",code:"value6",id:"id6"}];
		
	var config2 = {
		selector : "#selectTest2",
		valueTextMap : {textKey : 'name # code',valueKey : 'id'},
		textSeparator : " # " 
	}
	
	$('#selectTest2').bind("change",function(){
		alert(this.value);
	})
	
	$('#selectBtn2').click(function(){
		$.SelectUtils.setOptions(selectDatas2,config2);
	});
				</pre>
			</div>
			<div id="div3" style="display: none;">
				<pre>
	//3.设置option(text 带分隔符)：
	var selectDatas3 = [{name:"text1",code:"value1",id:"id1"},
	  				{name:"text2",code:"value2",id:"id2"},
	  				{name:"text3",code:"value3",id:"id3"},
	  				{name:"text4",code:"value4",id:"id4"},
	  				{name:"text5",code:"value5",id:"id5"},
	  				{name:"text6",code:"value6",id:"id6"}];
		
	var config3 = {
		selector : "#selectTest3",
		valueTextMap : {textKey : 'name - code - id',valueKey : 'id'},
		textSeparator : " - " 
	}
		
	$('#selectTest3').bind("change",function(){
		alert(this.value);
	})
	
	$('#selectBtn3').click(function(){
		$.SelectUtils.setOptions(selectDatas3,config3);
	});
				</pre>
			</div>
			<div class="ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom ui-accordion-content-active">
					<ul allowChange="true" class="edit_box">
						<li>
							<k:label text="设置option(text 带分隔符)"/>
							<k:select property="selectTest2" styleClass="select"></k:select>
						</li>
						<li>
							<k:label text="设置option(text 带分隔符)"/>
							<k:select property="selectTest3" styleClass="select"></k:select>
						</li>
					</ul>
			</div>
			<div class="ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom ui-accordion-content-active">
				<ul class="button_box">
					<li>
						<k:button styleId="selectBtn2" text="添加带一个分隔符option" styleClass="button ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"/>
					</li>
					<li>
						<k:button styleId="selectBtn3" text="添加带两个分隔符option" styleClass="button ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"/>
					</li>
				</ul>
			</div>
			
			<!-- ///////////////////////////////////////////////////////////////////////////////////////////////////// -->
			<div class="Desc">
				功能4:追加option,如下: (<a href="#" id="aDiv4">追加option源码</a>)
			</div>
			<div id="div4" style="display: none;">
				<pre>
	//4.追加option：
	var selectDatas4 = [{name:"text1",code:"value1"},
	  				{name:"text2",code:"value2"},
	  				{name:"text3",code:"value3"},
	  				{name:"text4",code:"value4"},
	  				{name:"text5",code:"value5"},
	  				{name:"text6",code:"value6"}];
	
	var selectDatas4_1 = [{name:"text7",code:"value7"},
		  				{name:"text8",code:"value8"},
		  				{name:"text9",code:"value9"},
		  				{name:"text10",code:"value10"},
		  				{name:"text11",code:"value11"},
		  				{name:"text12",code:"value12"}];
	
	var selectDatas4_2 = [{name:"text13",code:"value13"},
			  				{name:"text14",code:"value14"},
			  				{name:"text15",code:"value15"},
			  				{name:"text16",code:"value16"},
			  				{name:"text17",code:"value17"},
			  				{name:"text18",code:"value18"}];
	
	var config4 = {
		selector : "#selectTest4",
		valueTextMap : {textKey : 'name',valueKey : 'code'}
	}
	
	$('#appendBtn1').click(function(){
		$.SelectUtils.setOptions(selectDatas4,config4);
	});
	
	$('#appendBtn2').click(function(){
		$.SelectUtils.appendOptions(selectDatas4_1,config4);
	});
	
	$('#appendBtn3').click(function(){
		$.SelectUtils.appendOptions(selectDatas4_2,config4);
	});
	
	$('#selectTest4').bind("change",function(){
		alert(this.value);
	})
				</pre>	
			</div>
			<div class="ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom ui-accordion-content-active">
				<ul allowChange="true" class="edit_box">
					<li>
						<k:label text="追加option"/>
						<k:select property="selectTest4" styleClass="select"></k:select>
					</li>
				</ul>
			</div>
			<div class="ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom ui-accordion-content-active">
				<ul class="button_box">
					<li>
						<k:button styleId="appendBtn1" text="加入第一个option" styleClass="button ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"/>
					</li>
					<li>
						<k:button styleId="appendBtn2" text="追加第二个option" styleClass="button ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"/>
					</li>
					<li>
						<k:button styleId="appendBtn3" text="追加第三个option" styleClass="button ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"/>
					</li>
				</ul>
			</div>
			
			<!-- ///////////////////////////////////////////////////////////////////////////////////////////////////// -->
			<div class="Desc">
				功能5:清空所有option,如下: (<a href="#" id="aDiv5">清空所有option源码</a>)
			</div>
			<div id="div5" style="display: none;">	
				<pre>
	//5.清空所有option：
	var selectDatas5 = [{name:"text1",code:"value1"},
		  				{name:"text2",code:"value2"},
		  				{name:"text3",code:"value3"},
		  				{name:"text4",code:"value4"},
		  				{name:"text5",code:"value5"},
		  				{name:"text6",code:"value6"}];
			
	var config5 = {
		selector : "#selectTest5",
		valueTextMap : {textKey : 'name',valueKey : 'code'}
	}
	
	$.SelectUtils.setOptions(selectDatas5,config5);
	
	$('#clearAllOption').click(function(){
		$.SelectUtils.removeAllOptions("#selectTest5");
	});
	
	$('#selectTest5').bind("change",function(){
		alert(this.value);
	});
				</pre>
			</div>
			<div class="ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom ui-accordion-content-active">
					<ul allowChange="true" class="edit_box">
						<li>
							<k:label text="清空所有option"/>
							<k:select property="selectTest5" styleClass="select"></k:select>
						</li>
					</ul>
			</div>
			<div class="ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom ui-accordion-content-active">
				<ul class="button_box">
					<li>
						<k:button styleId="clearAllOption" text="清除所有option" styleClass="button ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"/>
					</li>
				</ul>
			</div>
			
			<!-- ///////////////////////////////////////////////////////////////////////////////////////////////////// -->
			<div class="Desc">
				功能6:清空指定text的option,如下: (<a href="#" id="aDiv6">清空指定text源码</a>)
			</div>
			<div id="div6" style="display: none;">	
				<pre>
	//6.清空指定text 的 option：  
	var selectDatas6 = [{name:"text1",code:"value1"},
		  				{name:"text2",code:"value2"},
		  				{name:"text3",code:"value3"},
		  				{name:"text4",code:"value4"},
		  				{name:"text5",code:"value5"},
		  				{name:"text6",code:"value6"}];
	
	var config6_1 = {
			selector : "#selectTest6",
			valueTextMap : {textKey : 'name',valueKey : 'code'}
		}
	var config6_2 = {
			selector : "#selectTest6",
			text : "text1"
		}
	
	$.SelectUtils.setOptions(selectDatas6,config6_1);
	
	$('#clearOptionByText').click(function(){
		$.SelectUtils.removeOptions(config6_2);
	});
	
	$('#selectTest6').bind("change",function(){
		alert(this.value);
	});
				</pre>
			</div>
			<div class="ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom ui-accordion-content-active">
					<ul allowChange="true" class="edit_box">
						<li>
							<k:label text="清空指定text的 option"/>
							<k:select property="selectTest6" styleClass="select"></k:select>
						</li>
					</ul>
			</div>
			<div class="ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom ui-accordion-content-active">
				<ul class="button_box">
					<li>
						<k:button styleId="clearOptionByText" text="清除指定text的option" styleClass="button ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"/>
					</li>
				</ul>
			</div>
			
			<!-- ///////////////////////////////////////////////////////////////////////////////////////////////////// -->
			<div class="Desc">
				功能7:清空指定value的option,如下: (<a href="#" id="aDiv7">清空指定value源码</a>)
			</div>
			<div id="div7" style="display: none;">
				<pre>
	//7.清空指定value 的 option：  
	var selectDatas7 = [{name:"text1",code:"value1"},
		  				{name:"text2",code:"value2"},
		  				{name:"text3",code:"value3"},
		  				{name:"text4",code:"value4"},
		  				{name:"text5",code:"value5"},
		  				{name:"text6",code:"value6"}];
	
	var config7_1 = {
			selector : "#selectTest7",
			valueTextMap : {textKey : 'name',valueKey : 'code'}
		}
	var config7_2 = {
			selector : "#selectTest7",
			value : "value1"
		}
	
	$.SelectUtils.setOptions(selectDatas7,config7_1);
	
	$('#clearOptionByValue').click(function(){
		$.SelectUtils.removeOptions(config7_2);
	});
	
	$('#selectTest7').bind("change",function(){
		alert(this.value);
	});
				</pre>		
			</div>
			<div class="ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom ui-accordion-content-active">
					<ul allowChange="true" class="edit_box">
						<li>
							<k:label text="清空指定value的 option"/>
							<k:select property="selectTest7" styleClass="select"></k:select>
						</li>
					</ul>
			</div>
			<div class="ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom ui-accordion-content-active">
				<ul class="button_box">
					<li>
						<k:button styleId="clearOptionByValue" text="清除指定value的option" styleClass="button ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"/>
					</li>
				</ul>
			</div>
			
			<!-- ///////////////////////////////////////////////////////////////////////////////////////////////////// -->
			<div class="Desc">
				功能8:清空selected的option,如下: (<a href="#" id="aDiv8">删除当前选中项源码</a>)
			</div>
			<div id="div8" style="display: none;">
				<pre>
	//8.清空selected 的 option：  
	var selectDatas8 = [{name:"text1",code:"value1"},
		  				{name:"text2",code:"value2"},
		  				{name:"text3",code:"value3"},
		  				{name:"text4",code:"value4"},
		  				{name:"text5",code:"value5"},
		  				{name:"text6",code:"value6"}];
	
	var config8_1 = {
			selector : "#selectTest8",
			valueTextMap : {textKey : 'name',valueKey : 'code'}
		}
	var config8_2 = {
			selector : "#selectTest8",
			selected : true
		}
	
	$.SelectUtils.setOptions(selectDatas8,config8_1);
	
	$('#clearOptionBySelected').click(function(){
		$.SelectUtils.removeOptions(config8_2);
	});
	
	$('#selectTest8').bind("change",function(){
		alert(this.value);
	});
				</pre>	
			</div>
			<div class="ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom ui-accordion-content-active">
					<ul allowChange="true" class="edit_box">
						<li>
							<k:label text="清空selected 的 option"/>
							<k:select property="selectTest8" styleClass="select"></k:select>
						</li>
					</ul>
			</div>
			<div class="ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom ui-accordion-content-active">
				<ul class="button_box">
					<li>
						<k:button styleId="clearOptionBySelected" text="清除selected的option" styleClass="button ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"/>
					</li>
				</ul>
			</div>
			
			<!-- ///////////////////////////////////////////////////////////////////////////////////////////////////// -->
			<div class="Desc">
				功能9:同时清空指定text、value和selected的option,如下: (<a href="#" id="aDiv9">源码</a>)
			</div>
			<div id="div9" style="display: none;">
				<pre>
	//9.同时清空指定text、vaelue或selected 的 option：
	var selectDatas9 = [{name:"text1",code:"value1"},
		  				{name:"text2",code:"value2"},
		  				{name:"text3",code:"value3"},
		  				{name:"text4",code:"value4"},
		  				{name:"text5",code:"value5"},
		  				{name:"text6",code:"value6"}];
	
	var config9_1 = {
			selector : "#selectTest9",
			valueTextMap : {textKey : 'name',valueKey : 'code'}
		}
	var config9_2 = {
			selector : "#selectTest9",
			text : "text2",
			value : "value3",
			selected : true
		}
	
	$.SelectUtils.setOptions(selectDatas9,config9_1);
	
	$('#selectTest9').bind("change",function(){
		alert(this.value);
	});
	
	$('#clearOptionByConfig').click(function(){
		$.SelectUtils.removeOptions(config9_2);
	});
				</pre>	
			</div>
			<div class="ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom ui-accordion-content-active">
					<ul allowChange="true" class="edit_box">
						<li>
							<k:label text="同时清空指定text、vaelue和selected 的 option"/>
							<k:select property="selectTest9" styleClass="select"></k:select>
						</li>
					</ul>
			</div>
			<div class="ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom ui-accordion-content-active">
				<ul class="button_box">
					<li>
						<k:button styleId="clearOptionByConfig" text="清除指定text、value和selected的option" styleClass="button ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"/>
					</li>
				</ul>
			</div>
			
			<!-- ///////////////////////////////////////////////////////////////////////////////////////////////////// -->
			<div class="Desc">
				功能10:显示选中的option的value值,如下: (<a href="#" id="aDiv10">源码</a>)
			</div>
			<div id="div10" style="display: none;">
				<pre>
	//10.获取选中项的value值
	var selectDatas10 = [{name:"text1",code:"value1"},
		  				{name:"text2",code:"value2"},
		  				{name:"text3",code:"value3"},
		  				{name:"text4",code:"value4"},
		  				{name:"text5",code:"value5"},
		  				{name:"text6",code:"value6"}];
	
	var config10 = {
			selector : "#selectTest10",
			valueTextMap : {textKey : 'name',valueKey : 'code'}
		}
	
	$.SelectUtils.setOptions(selectDatas10,config10);
	
	$('#getSelectedOptionValues').click(function(){
		var datas10 = $.SelectUtils.getSelectedOptionValues("#selectTest10");
		alert($.objToJSONString(datas10));
	});
				</pre>
			</div>
			<div class="ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom ui-accordion-content-active">
					<ul allowChange="true" class="edit_box">
						<li>
							<k:label text="获取选定option的value值"/>
							<k:select property="selectTest10" multiple="true" styleClass="multipleSelect" size="8"></k:select>
						</li>
					</ul>
			</div>
			<div class="ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom ui-accordion-content-active">
				<ul class="button_box">
					<li>
						<k:button styleId="getSelectedOptionValues" text="获取选定option的value值" styleClass="button ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"/>
					</li>
				</ul>
			</div>
			
			<!-- ///////////////////////////////////////////////////////////////////////////////////////////////////// -->
			<div class="Desc">
				功能11:显示所有option的值,如下: (<a href="#" id="aDiv11">源码</a>)
			</div>
			<div id="div11" style="display: none;">
				<pre>
	//11.获取所有option的value值
	var selectDatas11 = [{name:"text1",code:"value1"},
			  				{name:"text2",code:"value2"},
			  				{name:"text3",code:"value3"},
			  				{name:"text4",code:"value4"},
			  				{name:"text5",code:"value5"},
			  				{name:"text6",code:"value6"}];
		
	var config11 = {
			selector : "#selectTest11",
			valueTextMap : {textKey : 'name',valueKey : 'code'}
		}
	
	$.SelectUtils.setOptions(selectDatas11,config11);
	
	$('#getAllOptionValues').click(function(){
		var datas11 = $.SelectUtils.getAllOptionValues("#selectTest11");
		alert($.objToJSONString(datas11));
	});
				</pre>
			</div>
			<div class="ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom ui-accordion-content-active">
				<ul allowChange="true" class="edit_box">
					<li>
						<k:label text="获取所有option的值"/>
						<k:select property="selectTest11" multiple="true" styleClass="multipleSelect" size="8"></k:select>
					</li>
				</ul>
			</div>
			<div class="ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom ui-accordion-content-active">
				<ul class="button_box">
					<li>
						<k:button styleId="getAllOptionValues" text="获取所有option的value值" styleClass="button ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"/>
					</li>
				</ul>
			</div>
			
			<!-- ///////////////////////////////////////////////////////////////////////////////////////////////////// -->
			<div class="Desc">
				功能12:显示选中的option的数据对象,如下: (<a href="#" id="aDiv12">源码</a>)
			</div>
			<div id="div12" style="display: none;">
				<pre>
	//12.获取选中项的data
	var selectDatas12 = [{name:"text1",code:"value1"},
			  				{name:"text2",code:"value2"},
			  				{name:"text3",code:"value3"},
			  				{name:"text4",code:"value4"},
			  				{name:"text5",code:"value5"},
			  				{name:"text6",code:"value6"}];
	
	var config12 = {
			selector : "#selectTest12",
			valueTextMap : {textKey : 'name',valueKey : 'code'},
			addData : true
		}
	
	$.SelectUtils.setOptions(selectDatas12,config12);
	
	$('#getSelectedOptionDatas').click(function(){
		var datas12 = $.SelectUtils.getSelectedOptionDatas("#selectTest12");
		alert($.objToJSONString(datas12));
	});
				</pre>
			</div>
			<div class="ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom ui-accordion-content-active">
					<ul allowChange="true" class="edit_box">
						<li>
							<k:label text="获取选定option的数据对象"/>
							<k:select property="selectTest12" multiple="true" styleClass="multipleSelect" size="8"></k:select>
						</li>
					</ul>
			</div>
			<div class="ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom ui-accordion-content-active">
				<ul class="button_box">
					<li>
						<k:button styleId="getSelectedOptionDatas" text="获取选定option的数据对象" styleClass="button ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"/>
					</li>
				</ul>
			</div>
			
			<!-- ///////////////////////////////////////////////////////////////////////////////////////////////////// -->
			<div class="Desc">
				功能13:显示所有option对应的数据对象,如下: (<a href="#" id="aDiv13">源码</a>)
			</div>
			<div id="div13" style="display: none;">
				<pre>
	//13.获取所有option的data
	var selectDatas13 = [{name:"text1",code:"value1"},
			  				{name:"text2",code:"value2"},
			  				{name:"text3",code:"value3"},
			  				{name:"text4",code:"value4"},
			  				{name:"text5",code:"value5"},
			  				{name:"text6",code:"value6"}];
	
	var config13 = {
			selector : "#selectTest13",
			valueTextMap : {textKey : 'name',valueKey : 'code'},
			addData : true
		}
	
	$.SelectUtils.setOptions(selectDatas13,config13);
	
	$('#getDataOfAllOption').click(function(){
		var datas13 = $.SelectUtils.getAllOptionDatas("#selectTest13");
		alert($.objToJSONString(datas13));
	});
				</pre>
			</div>
			<div class="ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom ui-accordion-content-active">
				<ul allowChange="true" class="edit_box">
					<li>
						<k:label text="获取所有option的数据对象"/>
						<k:select property="selectTest13" multiple="true" styleClass="multipleSelect" size="8"></k:select>
					</li>
				</ul>
			</div>
			<div class="ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom ui-accordion-content-active">
				<ul class="button_box">
					<li>
						<k:button styleId="getDataOfAllOption" text="获取所有option的数据对象" styleClass="button ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"/>
					</li>
				</ul>
			</div>
			
			<div id="pageLoadComplete" isComplete="false" style="display: none;"></div>
		</div>
	</body>
</html>